<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<img src="img/star.gif" alt="星星">
<h3></h3>
<button type="button" name="button">创建图像</button>
<div></div>
</body>
<script>
    $(function () {
        $('h3').text($('img').attr('alt'));

        $('img').click(function (event) {
            //批量设置属性
            $(this).attr({'src':'img/bulbon.gif','alt':'开灯'});
            $('h3').text($(this).attr('alt'));
        })

        //用脚本创建元素的事件绑定
        $("button").click(function (event) {
            $('div').html("<img src='img/bulboff.gif' id='create' alt='关灯'>")
            $('#create').bind('click',function () {
                $(this).after(function () {
                    return '<h3>'+$(this).attr('alt')+'</h3>';
                });
            })
        })
    })
</script>
</html>